<template>
    <view class="benefits">
        <view class="benefits-item">
            <image src="/static/tg@2x.png" class="tg"></image>
            <view class="tx" @click="benefits('records')">
                提现
            </view>
            <view class="he">
                合计收益
            </view>
            <view class="num">
                0.00
            </view>
        </view>
        
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            //跳转
            benefits(index){
                uni.navigateTo({
                    url: '/pages/my/'+index,
                });
            },
          
        }
    }
</script>

<style lang="scss">
    .benefits{
        height: 100vw;
        .benefits-item{
             position: relative;
             padding-top: 120rpx;
             text-align: center;
             height: 710rpx;
             .tg{
                 width: 502rpx;
                 height: 710rpx;
                 
             }
             .tx{
                 position: absolute;
                 bottom: 290rpx;
                 left: calc(50% - 64rpx + 35rpx ) ;
                 width: 64rpx;
                 height: 44rpx;
                 font-family: PingFang SC, PingFang SC;
                 font-weight: 600;
                 font-size: 32rpx;
                 color: #F17F2D;
                 line-height: 38rpx;
                 text-align: left;
                 font-style: normal;
                 text-transform: none;
             }
             .he{
                 position: absolute;
                 top: 240rpx;
                 left: calc(50% - 64rpx + 20rpx ) ;
                 width: 104rpx;
                 height: 36rpx;
                 font-family: PingFang SC, PingFang SC;
                 font-weight: 600;
                 font-size: 26rpx;
                 color: #333333;
                 line-height: 30rpx;
                 text-align: left;
                 font-style: normal;
                 text-transform: none;
             }
             .num{
                 position: absolute;
                 top: 290rpx;
                 left: calc(50% - 140rpx + 65rpx  ) ;
                 width: 140rpx;
                 height: 86rpx;
                 font-family: D-DIN-DIN, D-DIN-DIN;
                 font-weight: bold;
                 font-size: 80rpx;
                 color: #333333;
                 line-height: 94rpx;
                 text-align: left;
                 font-style: normal;
                 text-transform: none;
             }
        }
       
        
    }
</style>